// 状态提升
/*
  状态提升 就是将各个子组件的 公共state 提升到它们的父组件进行统一存储、处理（这就是所谓的”单一数据源“），
  然后再将父组件处理后的数据或函数props到各子组件中。

  我们的做法就是 将父组件中负责setState的函数，以props的形式传给子组件，
  然后子组件在需要改变state时调用即可。
*/
import React from 'react'

export default class Calculation extends React.Component{
  render(){      
      return (
          <div>
              <fieldset>
                  {this.props.title}
                  <input type="text" value={this.props.data} onChange={this.props.changeDate}/>
                  {this.props.children}
              </fieldset>
              {this.props.left}
          </div>
      );
  }
}